<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>登录模板</title>
<link href="css/css.css" rel="stylesheet" type="text/css" />
<link charset="utf-8" rel="stylesheet" href="css/alipay.css">
<script type="text/javascript" src="js/jquery-1.4.4.min.js"></script>
<script type="text/javascript" src="jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/Validform.js"></script>
<script type="text/javascript">
<!--

$(document).ready(function(){
	//$(".mh_zx_ct:gt(0)").hide();
	var opt=$(".mh_zx_box ul li");
	opt.hover(function(){
		//alert($(this));
		$(this).addClass('one').siblings().removeClass('one');
		var opt_index=opt.index(this);
		$(".mh_zx_ct").eq(opt_index).show().siblings().hide();
	});
	$(".nav_green").mouseover(function(){
		$("#nav_more").show();
	}).mouseout(function(){
		var timer=window.setTimeout(function(){
			$("#nav_more").hide();	
		},1000)
		$(".nav_green li").mouseover(function(){
			window.clearTimeout(timer);
			//$("#nav_more").show();
		})
	})
	$(".nav_green li").mouseout(function(){
		$("#nav_more").hide();	
	})

});
//-->
</script> 
</head>
<body id="mainbody">
<!--头部登录-->
<div class="log_top">
	<div style="width:980px;height:38px;text-align:right;margin:auto">
    欢迎,XXX <a href="#">安全退出</a> | <a href="#">我的账户</a>   <a href="#">帮助中心</a>
    </div>
</div>
<!--#头部登录-->

<!--头部导航-->
<div class="head">
  <div class="logo"><img src="images/logo.jpg" /></div>
  <div class="d35 bg2">
	<div class="w726 mauto">
	<ul class="nav1">
    	<li><a href="#" class="c1">首页</a></li>
    </ul>
   <div class="f_r w295 h28 mt5">
    	<div style="width:218px;height:28px;float:left; background:url(images/cart.png);line-height:28px; text-indent:50px">购物车里有<a href="#">2</a>件商品</div>
        <a href="#"><img src="images/go_shop.jpg" /></a>
    </div>
    </div>
</div>
</div>

<!--#头部导航-->

<!--主体布局-->
<div class="main">
  <div class="Hy">
    <div class="HyLeft">
   <div class="LeftAbouttit">会员中心</div>
   <div class="Leftaboutlist">
    <ul>
     <li> <span class="cs1">个人中心</span></li>
	 <li><a href="#">我的资料</a></li>
	 <li><a href="#">我的账户</a></li><br />
     <li> <span class="cs1">订单中心</span></li>
	 <li><a href="#">已购买订单</a></li>
	 <li><a href="#">历史订单</a></li>
	</ul>
   </div>
  </div>
 
 <div class="HyRight">
  <div class="ContentRight">
    <div class="dn">
     <div class="nr">
       欢迎回来！钟海波
     </div>
     <div class="nc">
      <img src="images/nr_pic.png" />账户可使用余额：2000.00<a href="#"><img src="images/nc_pic.png" /></a>
     </div>
  </div>
  <div class="fn3"></div>
<div style="margin:20px;">
	<form class="registerform" action="ajax_post.php">
		<table width="100%" style="table-layout:fixed;">
			<tr>
				<td class="need" style="width:10px;">*</td>
				<td style="width:100px;">姓名：</td>
				<td style="width:305px;"><input type="text" value="" name="name" class="inputxt" datatype="mz" ajaxurl="valid.php" nullmsg="请输入姓名！" errormsg="昵称至少6个字符,最多18个字符！" /></td>
				<td><div class="Validform_checktip"></div></td>
			</tr>
			<tr>
			  <td class="need">*</td>
			  <td>银行：</td>
			  <td><select name="province" id="province" datatype="select" errormsg="请选择银行！" >
			    <option value="">--请选择银行--</option>
			    <option value="1">中国银行</option>
			    </select></td>
			  <td><div class="Validform_checktip"></div></td>
			  </tr>
			<tr>
			  <td class="need">*</td>
			  <td>银行账户：</td>
			  <td><select name="province" id="province" datatype="select" errormsg="请选择银行！" >
			    <option value="">--请选择银行--</option>
			    <option value="1">中国银行</option>
			    </select></td>
			  <td><div class="Validform_checktip"></div></td>
			  </tr>
			<tr>
			  <td class="need">*</td>
			  <td>银行所在省：</td>
			  <td><select name="province" id="province" datatype="select" errormsg="请选择省份！" >
			    <option value="">--请选择省份--</option>
			    <option value="1">广东省省</option>
			    </select></td>
			  <td><div class="Validform_checktip"></div></td>
			  </tr>
			<tr>
			  <td class="need">*</td>
			  <td>银行所在市：</td>
			  <td><select name="province" id="province" datatype="select" errormsg="请选择市！" >
			    <option value="">--请选择市--</option>
			    <option value="1">惠州市</option>
			    </select></td>
			  <td><div class="Validform_checktip"></div></td>
			  </tr>
			<tr>
				<td class="need">*</td>
				<td>银行支行：</td>
				<td><input type="text" value="" name="card" class="inputxt" datatype="i" errormsg="请输入信息！"  /></td>
				<td><div class="Validform_checktip"></div></td>
			</tr>
			<tr>
				<td class="need">*</td>
				<td>存款金额：</td>
				<td><input type="text" value="" name="e-card" class="inputxt" datatype="yhk" errormsg="请输入信息！"  /></td>
				<td><div class="Validform_checktip"></div></td>
			</tr>
            <tr>
				<td class="need">*</td>
				<td>存款时间：</td>
				<td><input type="text" value="" name="e-card" class="inputxt" datatype="yhk" errormsg="请输入信息！"  /></td>
				<td><div class="Validform_checktip"></div></td>
			</tr>
		</table>
	</form>
</div>

<script type="text/javascript">
$(function(){
	//$(".registerform").Validform();  //就这一行代码！下面是演示两种不同的验证效果;
	
	//提示效果一;
	$(".registerform:first").Validform();
	
	//提示效果二;
	$(".registerform:last").Validform({
		tiptype:2,
		ajaxPost:true,
		callback:function(data){
			//返回数据data是json格式，{"info":"demo info","status":"y"}
			//info: 输出提示信息;
			//status: 返回提交数据的状态,是否提交成功。如可以用"y"表示提交成功，"n"表示提交失败，在ajax_post.php文件返回数据里自定字符，主要用在callback函数里根据该值执行相应的回调操作;
			//你也可以在ajax_post.php文件返回更多信息在这里获取，进行相应操作；
			
			//这里执行回调操作;
			if(data.status=="y"){
				setTimeout(function(){
					$.Hidemsg(); //公用方法关闭信息提示框;
				},2000);
			}
		}
	});
		
	//调取公用方法显示信息提示框，可用于全站统一的弹出框提示效果;
	//$.Showmsg("Test Info here!");  //公用方法显示信息提示框;
})
</script> 
<div class="tj"><div style=" width:204px; margin:0 auto;"><a href="#"><img src="images/tj.jpg" /></a></div></div>

 </div>
 
</div>
<div class="gehang"></div>

  <div style="width:980px;height:100%;overflow:hidden;margin-top:10px">
  <img src="images/copy_line.jpg" /><br /><br /><br />
        <img src="images/copy.jpg" />
        <div style="width:740px;height:100%;overflow:hidden;margin:auto">
        <ul class="copy">
        	<li><a href="#">· 购物流程</a></li>
            <li><a href="#">· 发票说明</a></li>
            <li><a href="#">· 联系客服</a></li>
            <li><a href="#">· 注册协议</a></li>
        </ul>
        <ul class="copy">
        	<li><a href="#">· 在线支付</a></li>
            <li><a href="#">· 快捷支付</a></li>
        </ul>
        <ul class="copy" style="margin-left:20px">
        	<li><a href="#">· 快递配送</a></li>
            <li><a href="#">· 上门自提</a></li>
        </ul>
        <ul class="copy" style="margin-left:40px">
        	<li><a href="#">· 退换货政策</a></li>
            <li><a href="#">· 退换货流程</a></li>
            <li><a href="#">· 退款说明&nbsp;&nbsp;&nbsp;&nbsp;</a></li>
        </ul>
        
        </div>
  </div>
        <img src="images/copy_line.jpg" />
</div>
    </div>
<!--#主体布局-->

<div class="clear"></div>
    <!--页底版权--> 
    <div class="foot">
    	<a href="#">关于澳海通</a> | <a href="#">诚征英才</a> | <a href="#">联系我们</a><br/>
        澳海通版权所有 2013-2014 ICP证：12345678
    </div>
    <!--#页底版权-->


<!--回到顶部-->
<div style="position:fixed; bottom:0;right:0;z-index:999">
	<a href="#"><img src="images/top.png" /></a>
</div>
<!--#回到顶部-->
</body>
</html>
